<template>
  <div class="bankContainer">
    <div class="step-title">
      <el-steps :active="active" finish-status="success" process-status="process" align-center>
        <el-step title="客户自助"></el-step>
        <el-step title="面签业务确认单"></el-step>
        <el-step title="认证结果"></el-step>
      </el-steps>
    </div>
    <forOpenHouseVideo @nextStep="nextStep"></forOpenHouseVideo>
  </div>
</template>

<script>
  import forOpenHouseVideo from '@/views/videoBiz/phoneBank/forOpenHouse/forOpenHouseVideo'
  export default {
    name: 'forOpenHouse',
    components: {
      forOpenHouseVideo
    },
    data() {
      return {
        active: 0
      }
    },
    methods: {
      nextStep (index) {
        this.active = index
      }
    }
  }
</script>

<style scoped>
.bankContainer {
    height: 100%;
    width: 100%;
  }
</style>
